<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>注册</title>
    <style type="text/css">
        body {
            background-color: #F2F2F2;
        }



        .pic {
            float: left;
            padding-top: 35px;
        }

        img {
            width: 500px;
            height: 360px;
        }

        .container {
            float: left;
            border: 0px solid #fff;
            background-color: #fff;
            width: 380px;
            height: 380px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 8px;
        }
    </style>
</head>
<script src="register.js"></script>
<body>
    <div id="div1">
        <div class="pic">
            <img src="../exp5/img/1.png">
        </div>
        <div class="container">
            <form onsubmit="return check();">
                <div class="user">
                    *用户名<input type="text" name="username">
                </div>
                <div class="psw">
                    *密&emsp;码<input type="text" name="password" ><br> *密码确认
                    <input type="text" name="confirmedpassword" >
                </div>
                <div class="sex">
                    性&emsp;别:
                    <input name="xb" type="radio" value="男" >男
                    <input name="xb" type="radio"  checked value="女" >女
                </div>
                <!-- 错误写法：name="username" 与上面的用户名重复 -->
                <div class="birth">
                    出生年月 <input type="text" name="birthday" placeholder="yyyy/mm/dd">
                </div>

                <div class="mail">
                    *邮&emsp;箱<input type="text" name="mailbox" >
                </div>
                <div class="job">
                    职&emsp;业：
                    <select name="select">
                                        <option selected>学生</option>
                                        <option>老师</option>
										 <option>在职人员</option>
                                    </select>
                </div>
                <div class="hobby">
                    个人爱好:
                    <input type="checkbox" name="ah" value="01">读书看报
                    <input type="checkbox" name="ah" value="02">影视娱乐
                    <input type="checkbox" name="ah" value="03">棋牌娱乐
                    <input type="checkbox" name="ah" value="04">电脑网络
                    <input type="checkbox" name="ah" value="05">书法绘画
                    <input type="checkbox" name="ah" value="01">吃饭睡觉
                </div>
                <div class="intro">
                    个人说明:<textarea name="textarea" rows="8" cols="50"></textarea>
                </div>
                <div class="buttom">
                    <br>
                    <input type="submit" value="提交" >
                    <input type="reset" value="清除" >
                </div>
            </form>
        </div>
    </div>

</body>

</html>
